$(function(){
    //从localstorage中取出已经存在的数据
    function getJsonData(){
        //先获取本地存储数据库 赋值给dataBank
        var dataBank = util.getParam("dataBank");
        //因为要取出数据，将数据返回页面 所以先将它转化为对象，然后在调用它的方法
        var jsonStr = JSON.parse(dataBank);
        if(jsonStr != null ){
            var jsonData = jsonStr.jsonData;
        }
        return jsonData;
    }
    //将loaclstorage里的数据返回至页面
    function updata(jsonData){
        //外循环作用：提交了几组就创建几组节点
        for(let i in jsonData){
        //创建tbody节点
        var $tbody=$('<tbody></tbody>');
        //创建tr节点
        var $tr=$('<tr></tr>');
        //将tr添加到tbody中
            $tr.appendTo($tbody);
            //内循环遍历对象属性，将第i组的第j个数据一一添加到td节点中
            for(let j in jsonData[i]){
                // 添加td节点
                var $td=$('<td></td>');
                // 将内容循环添加到创建好的td中
                $td.append(jsonData[i][j]);
                // 将td添加到创建好的tr中
                $td.appendTo($tr);
            }
            //添加修改/删除按钮
            var $td=$('<td><a type="button" data-toggle="modal" data-target="#myModal" href="javascript:;"class="ToUpdata">更新</a>&nbsp;/<a class="del" href="javascript:;">移除</a></td>');
            $td.appendTo($tr);
            //所有添加完成，再将tbody添加到表格中
            $tbody.appendTo("table");
        }
    }
    updata(getJsonData());
})